<template>
  <div ref="wrapper" style="background: #fff;"> 
    <mt-header title="会员注册">
      <mt-button icon="back" @click='$router.back(-1)' slot="left"></mt-button>
    </mt-header>
    <div class="general-form">
      <p class="general-form-item"><span class="general-form-t">手机号</span><input type="text" placeholder="请输入手机号码" class=""></p>
      <p class="general-form-item"><span class="general-form-t">验证码</span><input type="text" style="width:30%;" placeholder="请输入验证码"><button class="btn-blue-min btn-effect">获取验证码</button></p>
    </div>
    <div style="display:flex; margin: 0 20px;" to="/match"><mt-button @click="$router.push('/register-complete')" style="flex:1;" type="primary">下一步</mt-button></div>
    <div class="tr m20 f16">
      <router-link to="/forget" class="blue">忘记密码</router-link><i class="ml15 mr15 gray">|</i><router-link to="/login" class="blue">立即登录</router-link>
    </div>
  </div>
</template>

<script>
export default { 
  data () {
    return {
    }
  },
  mounted(){
    this.$refs.wrapper.style.height = document.documentElement.clientHeight + "px"; 
  },
  methods:{
  }
}
</script>
